<template>
	<div id="home">
		<div class="menu">
			<router-link class="options" v-for='item in options' :to='item.path'>{{item.name}}</router-link>
		</div>
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				options: [{
						name: "推荐",
						path: "recommend",
					},
					{
						name: "排行榜",
						path: "ranking",
					},
					{
						name: "歌手",
						path: "singer",
					},
					{
						name: "搜索",
						path: "search",
					},
				],
			}
		},
	}
</script>

<style lang="scss" scoped>
	@import "../scss/home";
</style>